<%--
  Created by IntelliJ IDEA.
  User: LJX
  Date: 2019/9/26
  Time: 8:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人中心</title>
    <link rel="stylesheet" href="<%=request.getContextPath()%>/plugins/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/css/adopt/indexCss.css" media="all">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/css/adopt/adoptCatCss.css" type="text/css">
    <style>

        li{
            height:60px;
        }

    </style>
</head>
<body>


<div class="layui-row">

    <div class="layui-col-md3 layui-col-lg-offset1">
        <img src="<%=request.getContextPath()%>/imgs/personal-head.gif" class="img-circle" style="border-radius:50%; width:200px;height:200px;" id="pic" >
        <br>
        <br>
        <h3></h3><span style="color:black;padding-left: 50px;font-size: 20px;">暖心世界</span></h3><br>
        <div class="tt" style="margin-top:30px;margin-left:-10px;">
            <span class="glyphicon glyphicon-asterisk"></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span class="glyphicon glyphicon-plus"></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span class="glyphicon glyphicon-cloud"></span>

            <div class="pull-right pull-none-xs text-center">
                <div class="col-md-6">
                    <a href class="m-b-md inline m">
                        <span class="h3 block font-bold">2k</span><br>
                        <small>Followers</small>
                    </a></div>
                <div class="col-md-6">
                    <a href class="m-b-md inline m">
                        <span class="h3 block font-bold">250</span><br>
                        <small>Following</small>
                    </a>
                </div>
            </div>


            <jsp:include page="personalSideNav.jsp"></jsp:include>

        </div>
    </div>


</div>

            <!-- 滑动图片变大------开始 -->
            <script>
                var pic =document.getElementById("pic");
                pic.onmouseover = function(){
                    this.style.width=250+'px';
                    this.style.height=250+'px';
                }
                pic.onmouseout=function(){
                    this.style.width=200+'px';
                    this.style.height=200+'px';
                }
            </script>
            <!-- 滑动图片变大-----结束 -->


            <!-- 底部 -->



            <script src="<%=request.getContextPath()%>/plugins/layui/layui.js" charset="utf-8"></script>
            <script src="<%=request.getContextPath()%>/plugins/jquery/jquery.min.js"></script>
            <script src="<%=request.getContextPath()%>/plugins/bootstrap/js/bootstrap.min.js"></script>

</body>
</html>
